.list-box {
  display: flex;
  flex-direction: column;
  .list-item {
    .list-item-box {
      display: flex;
      flex-direction: column;
      .list-item-title {
        color: #333;
        font-size: 18px;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        -webkit-box-orient: vertical;
        margin-bottom: 10px;
      }
      .list-item-title:hover {
        color: #000;
      }
      .list-item-info {
        display: flex;
        flex-direction: row;
        // flex-wrap: wrap;
        .list-item-image {
          min-width: 23%;
          width: 23%;
          margin-right: 20px;
          display: block;
          overflow: hidden;
          border-radius: 3px;
        }
        .list-item-content {
          display: flex;
          flex-direction: column;
          .list-item-description {
            font-size: 14px;
            color: #666;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-box-orient: vertical;
            display: -webkit-box;
            -webkit-line-clamp: 3;
          }
          .list-item-buttom {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            font-size: 14px;
            align-items: center;
            .list-item-time {
              color: #999;
              line-height: 34px;
            }
            .list-item-tag {
              display: flex;
              flex-direction: row;
              align-items: center;
              flex-wrap: wrap;
              .el-tag {
                margin: 5px;
              }
            }
          }
        }
      }
    }
  }
  .pagination-box {
    width: 100%;
    height: 80px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
}
